<template>
	<view class="">
		<view class="home-allmajor-bg border-radius: 20rpx; overflow: hidden;">
			<view class="home-allmajor-title">
				{{majorType}}
			</view>		
				
			<view class="home-allmajor-riceview space-between" @tap="clickbackMajors(obj.majors)" v-for="(obj) in infolistData" >
				<view>
					<text class="home-allmajor-majornameview-name">{{obj.level3_name}}</text>
				</view>
				<view class="home-allmajor-majornumview flex-row center-row">
					<text class="home-allmajor-majornameview-name1">{{obj.majors.length}}个专业</text>
					<image class="home-allmajor-nextimage" src="https://mcdn.chatgk.com/xcx/static/images/searchcollege/jiantou_hui.png" mode="aspectFit"></image>
				</view>
			</view>
		</view>

	</view>
	
</template>

<script>
	export default {
		props: {
			majorType:'',
			infolistData:{
				type: Array,
				default: []
			}
		},
		methods: {
			clickbackMajors(majors) {
				this.$emit("clickbackMajors",majors)
			}
		}
	}
	
</script>

<style>
	.home-allmajor-bg {
		margin: 20rpx 32rpx 0 32rpx;
		background-color: #fff;
		border-radius: 10rpx;
		overflow: hidden;
	}
	.home-allmajor-title {
		margin: 28rpx 0 20rpx 32rpx;
		font-size: 28rpx;
		color: #464646;
		background-color: white;
		font-weight: bold;
	}
	.home-allmajor-riceview {
		padding: 0 32rpx;
		display: flex;
		flex-direction: row;
		background-color: #fff;
		margin-bottom: 28rpx;
	}
	
	.home-allmajor-majornumview {
		background-color: transparent;
		/* width: 20%; */
	}
	.home-allmajor-majornameview-name {
		font-size: 26rpx;
		color: #666666;
		background-color: white
	}
	.home-allmajor-majornameview-name1 {
		font-size: 26rpx;
		color: #666666;
	/* 	height: 60rpx;
		line-height: 60rpx; */
		/* min-width: 120rpx; */
		/* background-color: red; */
		
	}
	.home-allmajor-nextimage {
		background-color: white;
		width: 20rpx;
		height: 20rpx;
		margin-left: 8rpx;
	}
	
	
</style>